<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/icon.css"/>">
<script type="text/javascript" src="<c:url value="/js/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>
</head>
<body class="easyui-layout">
   <script type="text/javascript">
   $(function(){
	   //添加或者激活选项卡
	   $(".nav_btn").linkbutton({
		   onClick:function(){
			   var title=$(this).attr("title");
			   var url=$(this).attr("url");
			   //判断该面板是否已打开
			   if($("#tt").tabs("exists",title)){
				   //已经存在则激活
				   $("#tt").tabs("select",title);
			   }else{
				//不存在
				var config={
						title:title,
						href:url,
						closeable:true
				   }
				$("#tt").tabs("add",config);
			   }
		   }
	   })
   })
   </script>

	<div data-options="region:'north'" style="height: 80px;"></div>
	<div data-options="region:'south'" style="height: 50px;"></div>
	<div data-options="region:'west',title:'功能导航'" style="width: 180px;">

		<div id="aa" class="easyui-accordion"style="width: 300px; height: 200px;">
				<div title="员工管理" data-options="iconCls:'icon-save'"style="overflow: auto; padding: 10px;">
					<ul>
					     <li>
					     	 <a title="员工管理" url="Toemp-list" 
					     	class="easyui-linkbutton nav_btn" 
					     data-options="iconCls:'icon-sking',plain:true">员工管理</a>
					     </li>
					      <li>
					     	 <a title="经典名著" url="Toemp-list" class="easyui-linkbutton nav_btn" 
					     data-options="iconCls:'icon-sking',plain:true">经典名著</a>
					     </li>
					</ul>
				</div>
				<div title="Title2"data-options="iconCls:'icon-reload',selected:true"style="padding: 10px;">content2</div>
				
				<div title="Title3">content3</div>
		</div>
	</div>
	
	<div data-options="region:'center'">
    	<div id="tt" class="easyui-tabs" data-options="fit:true,
    	 border:false, tools: '#tab-tools'">
		    <div title="工作台" style="padding:20px;display:none;">
				工作台
		    </div>
		      <div title="工作台" style="padding:20px;display:none;">
				工作台
		    </div>
		</div>
		<div id="tab-tools" style="border:none; border-bottom: 1px solid rgb(149,184,231);">
			<a id="btn_close_current" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-remove"></a>
			<a id="btn_close_all" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"></a>
		</div>
    </div>


</body>
</html>